.main-container {
  height: 100%;
  background-color: #ececec;
}

.main-content {
  display: flex;
  height: 100%;
  overflow-y: auto;
  .left-panel {
    width: 350px;
    margin: 10px 0 10px 10px;
    background: #fff;
    height: calc(100vh - 70px);
    overflow-y: auto;
    .left-menu {
      ::ng-deep {
        .ant-menu-item {
          margin-top: 0;
        }
        .ant-menu-item::after {
          width: 2px;
          background-color: #5d9ffb;
          right: auto;
          left: 0;
        }
        .ant-menu-item-selected {
          background-color: #f3f8fc;
        }
      }
    }
  }

  .right-panel {
    flex: 1;
    height: calc(100vh - 70px);
    margin: 10px;

    .right-top-box {
      background: #fff;
      padding: 15px;
      height: 100%;
      .content-top-bar {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
          .table-btn-group {
            button {
              margin-left: 15px;
            }
          }
      }
    }
  }
}
::ng-deep .pm-modal {
  nz-date-picker ::ng-deep .ant-calendar-picker {
    width: 100% !important;
  }

  ::ng-deep nz-date-picker,
  ::ng-deep nz-time-picker {
    width: 100%;
  }
}
